<!--html内置函数-->
<html>
    <script>
        function drop(event){

        }

        function drag(event){

        }
    </script>

    <body>
        <div id="div1" ondrop="drop(event)">在拖动目标上触发事件 (源元素)<br>
            ondragstart - 用户开始拖动元素时触发<br>
            ondrag - 元素正在拖动时触发<br>
            ondragend - 用户完成元素拖动后触发<br>
            <br>
            释放目标时触发的事件:<br>
            ondragenter - 当被鼠标拖动的对象进入其容器范围内时触发此事件<br>
            ondragover - 当某被拖动的对象在另一对象容器范围内拖动时触发此事件<br>
            ondragleave - 当被鼠标拖动的对象离开其容器范围内时触发此事件<br>
            ondrop - 在一个拖动过程中，释放鼠标键时触发此事件</div><br>
        <!--在拖动目标上触发事件 (源元素)
            ondragstart - 用户开始拖动元素时触发
            ondrag - 元素正在拖动时触发
            ondragend - 用户完成元素拖动后触发
        
            释放目标时触发的事件:
            ondragenter - 当被鼠标拖动的对象进入其容器范围内时触发此事件
            ondragover - 当某被拖动的对象在另一对象容器范围内拖动时触发此事件
            ondragleave - 当被鼠标拖动的对象离开其容器范围内时触发此事件
            ondrop - 在一个拖动过程中，释放鼠标键时触发此事件
        -->
    </body>
</html>